<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>成绩管理</title>
<link rel="stylesheet" href="static/css/reset.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="webjars/jquery-ui/1.12.1/themes/ui-darkness/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="webjars/jquery-ui/1.12.1/themes/ui-darkness/theme.css">
<link rel="stylesheet" type="text/css" href="webjars/free-jqgrid/4.15.5/dist/css/ui.jqgrid.css">
<script type="text/javascript" src="webjars/jquery/3.4.1/dist/jquery.js"></script>
<script type="text/javascript" src="webjars/jquery-ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="webjars/free-jqgrid/4.15.5/dist/jquery.jqgrid.min.js"></script>
<script type="text/javascript" src="webjars/free-jqgrid/4.15.5/dist/i18n/grid.locale-cn.js"></script>
<script type="text/javascript">
	function showWin(url){
		$('#mainWin').load(url);
	}
	
</script>
<style type="text/css">
	.myPanel .ui-widget-header {margin:0;padding:0.4em 2em;}
	.myPanel table {width:100%;border-collapse: collapse;}
	.myPanel table td,.myPanel table th {border:1px #888 solid;text-align: center;}
	.myPanel .ui-widget-content label {padding-left: 2em;font-weight: bold;}
	.myPanel .ui-widget-content hr {margin:0.5em 0;}
	.myPanel .ui-widget-content form p {margin-bottom: 0;padding: 0.4em 0;}
</style>
</head>
<body>
    <header class="header">
         <nav class="menu radius">
        	<ul class="nav" style="width:30%;float:left;">
				<li style="font-size: 16px;font-weight: 700;padding:0.4em 0.4em 0.4em 1em;color: white;">学生成绩管理系统</li>
				<li style="font-size: 14px;font-weight: 700;padding:0.4em;color: #ddd;" >欢迎你：<span sec:authorize="hasRole('ROLE_DVP')">开发者</span><span sec:authorize="!hasRole('ROLE_DVP')" sec:authentication="principal.name">aaa</span></li>
			</ul>
            <ul class="nav"style="width:65%;text-align: right;float:right;padding-right: 20px;">
                <li><a th:href="${#request.getContextPath()+'/main'}">首页</a></li>
                <li>
                    <a href="#">设置</a>
                    <ul>
                        <li  sec:authorize="hasRole('ROLE_ADMIN')">
                            <a href="javascript:showWin('course/manage');">课程管理</a>
                        </li>
                        <li  sec:authorize="hasRole('ROLE_ADMIN')">
                            <a href="javascript:showWin('banji/manage');">班级管理</a>
                        </li>
                        <li  sec:authorize="hasRole('ROLE_ADMIN')">
                            <a href="javascript:showWin('student/manage');">学生管理</a>
                      	</li>
                        <li>
                            <a href="javascript:showWin('changePassword');">修改密码</a>
                        </li>
                    </ul>
                </li>
                <li sec:authorize="hasRole('ROLE_ADMIN')">
                    <a href="javascript:showWin('grade/classGrade');">按班级录入成绩</a>
                </li>
                <li sec:authorize="hasRole('ROLE_ADMIN')">
                    <a href="javascript:showWin('grade/studentGrade')">按个人录入成绩</a>
                </li>
                <li  sec:authorize="hasRole('ROLE_STUDENT')">
                    <a href="javascript:showWin('grade/peasonGrade')">查询个人成绩</a>
                </li>
                <li  sec:authorize="hasRole('ROLE_STUDENT')">
                    <a href="javascript:showWin('grade/allStudentGrade')">查询全班成绩</a>
                </li>
                <li>
                    <a href="logout">注销</a>
                </li>
                
            </ul>
            <ul style="clear: both;"></ul>
        </nav>
    </header>
	<main id="mainWin" style="width:960px;height:600px;margin:0 auto;">
		<div class="ui-widget myPanel" style="height:100%">
			<div class="ui-widget-header"><label>首页</label></div>
			<div sec:authorize="hasRole('ROLE_ADMIN')" class="ui-widget-content" style="height: 500px;padding:0 5em;line-height: 2em;font-size: 16px;">
				<h2 style="margin-top: 2em; ">这是管理员页面</h3>
				<h3>
					首次使用你要先对数据进行初始化
				</h3>
				<p>
					在“<span class="ui-priority-primary">设置</span>”菜单下，选“<span class="ui-priority-primary">课程</span>”对课程进行设置
				</p>
				<p>
					在“<span class="ui-priority-primary">设置</span>”菜单下，选“<span class="ui-priority-primary">班级</span>”对班级进行设置
				</p>
				<p>
					在“<span class="ui-priority-primary">设置</span>”菜单下，选“<span class="ui-priority-primary">学生</span>”对学生进行设置
				</p>
				<p>
					在“<span class="ui-priority-primary">设置</span>”菜单下，选“<span class="ui-priority-primary">修改密码</span>”，对自己的密码进行修改
				</p>
				<p style="margin-top: 2em;">
					你可以选择“<span class="ui-priority-primary">按班级录入成绩</span>”，录入或修改一个班级所有学生某门课程的成绩
				</p>
				<p>
					你可以选择“<span class="ui-priority-primary">按个人录入成绩</span>”，录入或修改一个学生所有课程课程的成绩
				</p>
				<p style="margin-top: 2em;">
					学生用户可以使用学号登录，默认密码是“<span class="ui-priority-primary">1111</span>”
				</p>
			</div>
			<!-- 学生首页 -->
			<div sec:authorize="hasRole('ROLE_STUDENT')" class="ui-widget-content" style="height: 500px;padding:0 5em;line-height: 2em;font-size: 16px;">
				<h2 style="margin-top: 2em; ">这是学生首页</h3>
				<h3>
					欢迎你登录学生成绩管理系统
				</h3>
				<p>
					在“<span class="ui-priority-primary">设置</span>”菜单下，选“<span class="ui-priority-primary">修改密码</span>”，对自己的密码进行修改
				</p>
				<p style="margin-top: 2em;">
					你可以选择“<span class="ui-priority-primary">查询个人成绩</span>”，查询自己所有课程的成绩
				</p>
				<p>
					你可以选择“<span class="ui-priority-primary">查询全班成绩</span>”，查询自己班级所有同学，所有课程的成绩
				</p>
			</div>
		</div>
	</main>
</body>

</html>